リンク

≪リンクの設定≫

リンクとは　文字やイメージをクリックすると
別のページやサイトを表示できる機能です

＊リンクボタンの設定

基本の形

<A href="リンク先のURL" target="リンク先を表示するウインドウ">リンクを設定する内容（文字や画像）</A>

たとえば 　文字をクリックしてリンク先に移動してみましょう

しあわせ　み～つけた ←　クリックしてみて＾＾

　　　↑これは↓　新しいウインドウで開くとき　target="_blank"

<A href="http://plaza.rakuten.co.jp/promenade215/" target="_blank">しあわせ　み～つけた</A>

しあわせ　み～つけた ←　クリックしてみて＾＾

　　　↑これは↓　現在のウインドウで開くとき　target="_self"

<A href="http://plaza.rakuten.co.jp/promenade215/" target="_self">しあわせ　み～つけた</A>

↑　どちらかのHTMLをコピーして
赤い文字のところを書き換えてください♪＾＾　↑
　

次に　画像からリンク先に移動してみましょう

基本の形

<A href="リンク先のURL" target="リンク先を表示するウインドウ">リンクを設定する内容（文字や画像）</A>

←　クリックしてみて＾＾

　　　　↑これは↓　新しいウインドウで開くとき　target="_blank"

<a href="http://park.geocities.jp/zakkacktail/" target="_blank"><img src="http://image.space.rakuten.co.jp/lg01/02/0003802/62/img3b6f55cc7f3.jpeg" width="88" height="31" alt="雑貨クテル" border="0"></a>

←　クリックしてみて＾＾

　　　↑これは↓　現在のウインドウで開くとき　target="_self"

<a href="http://park.geocities.jp/zakkacktail/" target="_self"><img src="http://image.space.rakuten.co.jp/lg01/02/0003802/62/img3b6f55cc7f3.jpeg" width="88" height="31" alt="雑貨クテル" border="0"></a>

↑　どちらかのHTMLをコピーして
赤い文字のところを書き換えてください♪＾＾　↑

＊画像は

　楽天ブログの＜フォト管理＞で　画像を登録してアルバムに入れておいてね＾＾

アルバム内の使用したい画像をクリックすると＜フォト編集画面＞が立ち上がります

そのページの下部にある　HTMLタグ（　<img src=で始まるタグだよ　）を
コピーしてリンクをリンクを設定する内容の部分に張り付けます

＊　そのままだと

リンクボタンに枠が表示されます

取り除きたい場合

alt="○○"の後に　半角のスペースをあけてborder="0"　を加えてください

そうすると

となります